<template>
    <button :class="type">{{title}}</button>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  props: ['type', 'title'],
  created () {

  },

  methods: {

  }
}
</script>

<style lang='less'>
  button{
    width: 100px;
    height: 50px;
    border-radius: 25px;
    font-size: 16px;
    color: black;
    text-align: center;
    background-color: #fff;
  }
  .danger{
    background-color: red;
    color:#fff;
  }
  .warring{
    background-color: yellow;
    color: #fff;
  }
</style>
